<template>
  <div>
    <CloudSteps direction="vertical" :current="1">
      <CloudStep title="Finished" description="This is a description." />
      <CloudStep title="In Progress" description="This is a description." />
      <CloudStep title="Waiting" description="This is a description." />
    </CloudSteps>
    <br />
    <br />
    <br />
    <CloudSteps direction="vertical" size="small" :current="1">
      <CloudStep title="Finished" description="This is a description." />
      <CloudStep title="In Progress" description="This is a description." />
      <CloudStep title="Waiting" description="This is a description." />
    </CloudSteps>
  </div>
</template>

<script>
export default {
  title: '5.竖直方向的步骤条',
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="scss">
</style>